<!-- 领取新资产 -->
<template>
	<view class="p40lr">
		<view class="df aic mb10">
			<view class="proj-banner banner1 mr10 df jcsb">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">已领取电表</text>
					<text class="banner-num">{{2978}}</text>
				</view>
				<view class="df jcc aic" style="margin-top:100rpx;margin-right: 20rpx;background: linear-gradient(251deg, #3EBFFF -18%, #3182EE 55%, #2D6CE8 123%, rgba(54, 127, 235, 0.8107) 123%);box-shadow:  0px 4px 10px 0px #4190FD;font-size: 24rpx;color: #fff;border-radius: 24rpx;width: 92rpx;height: 40rpx;">
					<text>详情</text>
				</view>
			</view>
			<view class="proj-banner banner2 mr10 df jcsb">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">已领取互感器</text>
					<text class="banner-num">{{2978}}</text>
				</view>
				<view class="df jcc aic" style="margin-top:100rpx;margin-right: 20rpx;background:  linear-gradient(246deg, #6B85E2 2%, #8FA4F7 94%);box-shadow: 0px 4px 10px 0px #6B85E2;font-size: 24rpx;color: #fff;border-radius: 24rpx;width: 92rpx;height: 40rpx;">
					<text>详情</text>
				</view>
			</view>
		</view>
		<view class="df aic mb40">
			<view class="proj-banner banner3 mr10 df jcsb">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">已领取集中器</text>
					<text class="banner-num">{{2978}}</text>
				</view>
				<view class="df jcc aic" style="margin-top:100rpx;margin-right: 20rpx;background:  linear-gradient(246deg, #66B58D 2%, #95E8BE 94%);box-shadow: 0px 4px 10px 0px #75C49C;font-size: 24rpx;color: #fff;border-radius: 24rpx;width: 92rpx;height: 40rpx;">
					<text>详情</text>
				</view>
			</view>
			<view class="proj-banner banner4 df jcsb">
				<view class="df fdc jcc h100 ml40">
					<text class="banner-text">已领取专变终端</text>
					<text class="banner-num">{{2978}}</text>
				</view>
				<view class="df jcc aic" style="margin-top:100rpx;margin-right: 20rpx;background: linear-gradient(250deg, #3EBFFF -16%, #2772F0 157%);box-shadow: 0px 4px 10px 0px #349DF9;font-size: 24rpx;color: #fff;border-radius: 24rpx;width: 92rpx;height: 40rpx;">
					<text>详情</text>
				</view>
			</view>
		</view>
		<text style="font-size: 28rpx;font-weight: 700;line-height: 34rpx;color: #111111;">待使用资产</text>
		
		
	</view>
	<view class="bottom-box">
		<button @click="to_assets_type" class="df aic jcc" style="background: linear-gradient(269deg, #58C2F7 13%, #2D6CE8 135%);width: 100%;height: 68rpx;border-radius: 36rpx;font-size: 28rpx;color: #fff;">一键领取新资产</button>
	</view>
</template>

<script setup>
	
	
	const to_assets_type = ()=>{
		uni.redirectTo({
			url:'/pages/receiptAssetsType/receiptAssetsType'
		})
	}
</script>

<style lang="scss">
.proj-banner{
	width: 340rpx;
	height: 160rpx;
	box-shadow: 0 16rpx 20rpx 0 rgba(45, 108, 232, .1);
	border-radius: 24rpx;                                           
}
.banner1{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner2{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner3{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner4{
	background-image: url('');
	background-repeat: no-repeat;
	background-size: 105%;
}
.banner-text{
	font-size: 24rpx;
	line-height: 50rpx;
	color: #FFFFFF;
	font-weight: 600;
}
.banner-num{
	font-size: 40rpx;
	line-height: 52rpx;
	color: #FFFFFF;
	font-weight: 700;
}
page{
	height: 100%;
}
.bottom-box{
	box-sizing: border-box;
	position: fixed;
	box-shadow: 0px -2px 28px 0px rgba(45, 108, 232, 0.1);
	height: 180rpx;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20rpx !important;
	left: 0;
	bottom: 0;
}
</style>
